import React, { useState, useEffect } from 'react';

import { NavBar, Icon, Grid } from 'antd-mobile';

import { createForm } from 'rc-form'

import './help.scss';


function Help (props) {

    return (
        <div className="help">
            <div className="page-title help-tit">
                <NavBar
                    mode="light"
                    icon={<Icon type="left" />}
                    onLeftClick={() => {
                        props.history.goBack()
                    }}
                >
                    帮助
                </NavBar>
            </div>
            {/*  style={{ height: '84vh', overflowY: 'scroll', textAlign: 'left' }}  */}
            <div className="page-content help-con">
                <ol className="help-list">
                    <li onClick={() => {
                        props.history.push({
                            pathname: `/materialsDetails`
                        })
                    }}>
                        <span>学习资料</span>
                        <Icon type={'right'} />
                    </li>

                    <li onClick={() => {
                        props.history.push({
                            pathname: `/helpDetails`
                        })
                    }}>
                        <span>用户须知</span>
                        <Icon type={'right'} />
                    </li>
                </ol>
            </div>
        </div>
    );
}

Help = createForm()(Help);

export default Help;